<!DOCTYPE html>
<html class="no-js">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,user-scalable=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <!-- 启用360浏览器的极速模式(webkit) -->
  <meta name="renderer" content="webkit">
  <!-- 避免IE使用兼容模式 -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
  <meta name="HandheldFriendly" content="true">
  <!-- 微软的老式浏览器 -->
  <meta name="MobileOptimized" content="320">
  <!-- uc强制竖屏 -->
  <meta name="screen-orientation" content="portrait">
  <!-- QQ强制竖屏 -->
  <meta name="x5-orientation" content="portrait">
  <!-- UC强制全屏 -->
  <meta name="full-screen" content="yes">
  <!-- QQ强制全屏 -->
  <meta name="x5-fullscreen" content="true">
  <!-- UC应用模式 -->
  <meta name="browsermode" content="application">
  <!-- QQ应用模式 -->
  <meta name="x5-page-mode" content="app">
  <!-- windows phone 点击无高光 -->
  <meta name="msapplication-tap-highlight" content="no">
  <!-- 适应移动端end -->
	<title>水果拼团网站</title>
    <link rel="stylesheet" href="css/index.css"/>
    <style type="text/css">
      body{ background-color: #C6F6F3;}
    </style>
</head>
<body>
  <div id="user-b">
    <!--html5 nav-->
    <nav class="j-nav navbar">
      <div class="logo fl">
        <a href="index.html"></a>
      </div>
      <span class="user-title">邀请领红包</span>
      <div class="shopping-cart fr">
        <a href="index.html"></a>
      </div>
    </nav>
    <!-- 邀请好友 -->
    <div class="invite-box">
      <div class="invite-logo"></div>
      <div class="invite-img"><img src="images/invite.png"></div>
      <img src="images/invite-b.jpg">
      <div class="invite-text">
        <p>即日起每邀请一位好友购买鲜果</p>
        <p>您将获得5元现金红包</p>
        <p><span>一周最多可获得50元</span></p>
        <a href="javascript:void(0);">邀请好友</a>
      </div>
    </div>
  </div>
</body>
</html>